<script setup>
import { ref } from 'vue';
// import MyInput from './components/my-input.vue';
import MySwitch from './components/my-switch.vue';

// const inputValue = ref('');

// setTimeout(() => {
//   inputValue.value = 'hello world';
// }, 1000);

const checked = ref(true);

setTimeout(() => {
  checked.value = false;
}, 1000);

</script>

<template>
  <!-- <my-input
    defaultValue="hello"
    :value="inputValue"
    @change="onChange"
  > -->
  <!-- {{ inputValue }}<br>
  <my-input
    defaultValue="hello"
    v-model:value="inputValue"
  >
    <template #prefix>
      <i>前缀</i>
    </template>
    <template #suffix>
      <i>后缀</i>
    </template>
  </my-input> -->

  {{ checked.toString() }}
  <my-switch
    defaultChecked
    v-model:value="checked"
  />

</template>
